import React from "react";
import "./style.css";
const Index = (props) => {
  const { v, onClick, showImage = true } = props;

  return (
    <dl className="list-item" onClick={onClick}>
      {showImage && (
        <dt>
          <img src={v.image[0]} alt="" />
        </dt>
      )}
      <dd>
        <div>
          <h3>{v.title}</h3>
          <p>{v.pos}</p>
        </div>
        <div className="footer">
          <div>
            <span>{(v.price * v.zhekou) / 100}元</span>
            <span>门市价格:{v.price}元</span>
          </div>
          <div>已售：{v.sell}</div>
        </div>
      </dd>
    </dl>
  );
};

export default Index;
